<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:f="http://java.sun.com/jsf/core" 
      xmlns:h="http://java.sun.com/jsf/html">
   <h:head>
      <title>#{msgs.windowLogin}</title>
   </h:head>
   <h:outputStylesheet library="css" name="bootstrap.css"  />
   <h:body style="padding-left:10px">
   	  <h4>#{msgs.loginTitle}</h4>
      <h:form>
      		<h:panelGrid columns="2">
				<h:outputText value="#{msgs.username}"/>
				<h:inputText value="#{login.username}" style="width: 224px;"/>
				<h:outputText value="#{msgs.password}"/>
				<h:inputSecret value="#{login.password}" style="width: 224px;"/>
			</h:panelGrid>
			<h:commandButton value="#{msgs.submit}" class="btn btn-small btn-primary"
                          action="#{login.validate}"/>
            <h:outputText class="alert alert-error" value="#{msgs.invalidLogin}" 
            			  style="padding: 6px 3px 6px 4px;margin-left: 10px;vertical-align: -1px;margin-top: 6px;" 
            			  rendered="#{login.invalid}"/>
      </h:form>
   </h:body>
</html>
